<template>
	<view class="card_wrap" v-focusable>
		<slot name="title"></slot>
		<slot></slot>
	</view>
</template>

<script setup>

</script>

<style lang="scss">
	.card {
		&_wrap {
			margin: 50upx;
			background: rgba(255, 255, 255, 0.2);
			display: inline-block;
			padding: 50upx;
			border-radius: 10upx;
			font-size: $uni-font-size-lg;

			&.focus {
				transform: scale(1.1);
				border: 2px solid red;
				box-shadow: 0 0 20px red;
			}
		}
	}
</style>